// 引入api接口
import { login, getUserInfoapi, getdetdilsapi } from '@/api/user'
// 引入插件提供的Cookies存储token和获取token的两个方法
import { setToken, getToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router/index'
const state = {
  // 因为vuex每次刷新页面后,token都会消失,所以要把相应回来的token存储备份起来
  // 每次调用token先去拿取Cookies中中有没有token,如果没有就取空
  token: getToken() || '',
  UserInfo: {}

}
const mutations = {
  settoken(state, data) {
    // 把token存入Cookies中,备份起来
    setToken(data)
    // 再把actions传进来的token赋值给state库里的token
    state.token = data
  },
  // 获取用户基本信息
  setUserInfo(state, data) {
    state.UserInfo = data
  },
  // 清除token和个人数据
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  removeUserInfo(state) {
    state.UserInfo = {}
  }
}
const actions = {
  async login(store, data) {
    localStorage.setItem('loginTime', Date.now())
    const res = await login(data)

    // 这个login是引入的api接口
    // login(data).then(res => {
    console.log('vuex', res)
    // 响应的数据token回来后,再调用mutations把res==token传进去修改token的值
    store.commit('settoken', res)
    // })
  },
  async getUserInfo(store, data) {
    const res = await getUserInfoapi()
    // 这个接口需要用到上面提供的id
    const detali = await getdetdilsapi(res.userId)
    store.commit('setUserInfo', {
      // 两个接口获取的参数拼接到一起
      ...res,
      ...detali
    })
  },
  logout(store) {
    store.commit('removeToken')
    store.commit('removeUserInfo')
    // 清除路由,解决高权限登出后低权限仍然可以访问高权限页面的bug
    resetRouter()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
